<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左侧边栏和二级菜单</title>
</head>
<link rel="stylesheet" href="../CSS/左侧边栏二级菜单.css">
<body>

<div class="Two-level-menu">
    <div class="menu">

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/天猫.png"> <br>天猫</a>
            <div class="menu-hide">
                    <p><a href="#"> <img src="../img-liJiajian/天猫.png">&nbsp;&nbsp;&nbsp;双12火爆预购！！！</a> </p>

                    <a href="#"> <img id="ImgLoop1" src="../img-liJiajian/左侧二级菜单1.jpg"> </a>

                    <div id="ChangeLeft">                       <!--图片右切换按钮-->
                        <
                    </div>

                    <div id="ChangeRight">                       <!--图片左切换按钮-->
                        >
                    </div>

            </div>
        </div>

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/娱乐.png"> <br>娱乐</a>
            <div class="menu-hide"></div>
        </div>

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/游戏.png"> <br>游戏</a>
            <div class="menu-hide"></div>
        </div>

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/热点.png"> <br>热点</a>
            <div class="menu-hide"></div>
        </div>

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/笑话.png"> <br>笑话</a>
            <div class="menu-hide"></div>
        </div>

        <div class="menubar">
            <a href="#"> <img src="../img-liJiajian/举报.png"> <br>举报</a>
            <div class="menu-hide"></div>
        </div>
    </div>
</div>

<div class="test"></div>

<script language="JavaScript" src="../JS/左侧边栏二级菜单.js"></script>
</body>
</html>